<template>
  <div class="about">
    <img class="logo" src="@/assets/icons/Logo.png" alt="Logo" />
    <h3 class="pdf">pdf to epub</h3>
    <!-- <svg-icon icon-class="Logo" class="logo-text"></svg-icon> -->
    <span class="version">Version 0.0.0</span>
    <div class="info-box">
      <br><br><br>
      <h4 class="inf">这是一个专注于PDF转EUPU的网站</h4>
    </div>
    <div class="footer">
      <ul class="">
        <h3>开发人员</h3>
        <li>ABC      ABC</li>
        <li>ABC      ABC</li>
        <li>ABC</li>
        
      </ul>
      <ul>
        <h3>指导老师</h3>
        <li>abc</li>
        <li>abc</li>
      </ul>
    </div>
  </div>
</template>

<style scoped>
.about {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pdf{
  margin-bottom: 0.9rem;
}
.logo {
  width: 12rem;
  height: 12rem;
  margin: 2rem 0 1.5rem 0;
}
.logo-text {
  color: var(--Gray-8);
  width: 6.875rem;
  height: 3.25rem;
  margin: 0 0 2rem 0;
}
.version {
  color: var(--Gray-5);
  line-height: 2rem;
}
.info-box {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.info {
  margin-left: .5rem;
  /* color: var(--Gray-8); */
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 1px;
}
.footer {
  display: flex;
  justify-content: space-between;
  width: 15rem;
}
ul {
  /* color: var(--Gray-7); */
  font-size: 0.75rem;
  line-height: 1.5rem;
}
h4 {
  font-weight: 500;
  margin-bottom: 0.5rem;
}
li {
  list-style: none;
}
</style>
